<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>Insert title here</title>
<!-- easyui样式 -->
<link href="themes/bootstrap/easyui.css" rel="stylesheet">
<link href="themes/icon.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="bootstrap/js/jquery-1.9.1.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- 自定义样式 -->
<script type="text/javascript" src="js/demand.js"></script>
</head>
<body>
	<div>
		<input id="keyval" type="text" name="key" placeholder="空则默认查询所有">
		<button class="btn btn-warning" id="search">点击查询</button>
		<button class="btn btn-success" id="addapplicationn">填写申请</button>
		<div id="abc" style="display: inline;">
			<div class="dropdown" style="display: inline;">
				<button class="btn btn-default dropdown-toggle" type="button"
					id="dropdownMenu1" data-toggle="dropdown" id="abc">
					请选择 <span class="caret"></span>
				</button>
				<ul class="dropdown-menu" role="menu"
					aria-labelledby="dropdownMenu1">
					<li role="presentation"><a role="menuitem" tabindex="-1"
						href="allapplication">所有</a></li>
					<li role="presentation"><a role="menuitem" tabindex="-1"
						href="someapp?state=已提交">已提交</a></li>
					<li role="presentation"><a role="menuitem" tabindex="-1"
						href="someapp?state=已通过">已通过</a></li>
					<li role="presentation"><a role="menuitem" tabindex="-1"
						href="someapp?state=未通过">未通过</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 显示房间信息 -->
	<div id="aaaa">
		<table class="table table-bordered"
			style="width: 100%; table-layout: fixed" id="abc">
			<tr>
				<td class="active">编号</td>
				<td class="success">申请人</td>
				<td class="warning">内容</td>
				<td class="danger">状态</td>
				<td class="info">批复</td>
				<td class="active">日期</td>
			</tr>
			<c:forEach items="${applications}" var="i">
				<tr>
					<td style="overflow: hidden; white-space: nowrap">${i.aId}</td>
					<td style="overflow: hidden; white-space: nowrap">${i.elId}</td>
					<td style="overflow: hidden; white-space: nowrap">${i.aContent}</td>
					<td style="overflow: hidden; white-space: nowrap">${i.state}</td>
					<td style="overflow: hidden; white-space: nowrap">${i.note}</td>
					<td style="overflow: hidden; white-space: nowrap">${i.creatDate}</td>
				</tr>
			</c:forEach>
		</table>
	</div>
	<!-- 分页 -->
	<div style="margin-left: 33%" id="page">
		<nav>
		<ul class="pagination">${page1}</ul>
		</nav>
	</div>
	<div id="clean">${next}</div>
	<div id="addform" style="display: none;">
		申请内容：
		<textarea rows="3" cols="20" placeholder="内容不超过60字" id="text"></textarea>
		<button style="display: inline;" class="btn btn-success" id="add">添加</button>
		<button style="display: inline;" class="btn btn-info" id="close">关闭</button>
	</div>
</body>
</html>